<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<style>
.body3 {
	background-color: #FCFFC1;
	color: #1F7B00;
	padding: 4px 0;
}
	.ecol1 { vertical-align: top; padding-right : 25px }
    .ecol2 { vertical-align: top; border-left: #ACBECE 1px solid; padding-left : 10px }
    .rich-calendar-tool-btn{
            font-family: Arial, Verdana;
        }
</style>
	<ui:insert name="header">
		<ui:include src="/menuEmpresa.xhtml"></ui:include>
	</ui:insert>



	<h:form>
		<f:view>
			<h:body>


				<h1>Alta Usuario</h1>
				<center>
					<rich:panel bodyClass="body3" style="width:735px;">
						<f:facet name="header">
							<h:outputText value="Registro de Usuarios" id="progress" />
						</f:facet>
						
						<table >
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Nombre:" style="font-weight:bold; color:#1F7B00" /></td>
							<td align="left"><h:inputText value="#{usuario.nombre}" required="true"	id="nombre" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="nombre" ajaxRendered="true" style="font-weight:bold" /></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Apellido:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left"><h:inputText value="#{usuario.apellido}" required="true" id="apellido" style="width : 150px;" /></td>
							<td></td>
							<td><rich:message for="apellido" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Documento:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left"><h:inputText value="#{usuario.documento}" required="true" id="documento" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="documento" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Fecha de Nacimiento:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left" width="170px"><h:inputText value="#{usuario.fechaNac}" required="true" id="fechaNac" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="fechaNac" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Dirección:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left" width="150px"><h:inputText value="#{usuario.direccion}" required="true" id="direccion" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="direccion" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="E-Mail:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left" width="150px"><h:inputText value="#{usuario.email}" required="true" id="mail" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="mail" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Telefonos:" style="font-weight:bold; color:#1F7B00"/></td>
                			<td align="left" width="150px"><h:inputTextarea  value="#{usuario.tel}" required="true" id="telefono" style=" width : 150px; height : 40px;"/></td>                                         
							<td></td>
							<td><rich:message for="telefono" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Observaciones: (opcional)" style="font-weight:bold; color:#1F7B00"/></td>
                			<td align="left" width="150px"><h:inputTextarea  value="#{usuario.texto}" id="texto" style="width : 150px; height : 40px;"/></td>                                         
							<td></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Usuario:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left" width="150px"><h:inputText value="#{usuario.usuario}" required="true" id="usuario" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="usuario" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText escape="false" value="Clave:" style="font-weight:bold; color:#1F7B00"/></td>
							<td align="left" width="150px"><h:inputSecret value="#{usuario.clave}" required="true"	id="clave" style="width : 150px;"/></td>
							<td></td>
							<td><rich:message for="clave" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							<tr>
							<td align="right" width="150px"><h:outputText value="Penalizado:" style="font-weight:bold; color:#1F7B00" /></td>
							<td align="left" width="150px"><h:selectBooleanCheckbox	value="#{usuario.penalizado}" id="penalizado" /></td>
							<td></td>
							<td align="right"><rich:message for="penalizado" ajaxRendered="true" style="font-weight:bold"/></td>
							</tr>
							</table>
							<table>
							<tr>
								<td><h:outputText value="Días:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td><h:selectManyCheckbox value="#{usuario.diasSem.dias}"
										style="font-weight:bold; color:#1F7B00">
										<f:selectItems value="#{usuario.diasSem.dia}" />
									</h:selectManyCheckbox></td>
								<td></td>

							</tr>
							<tr>
								<td><h:outputText value="Horas:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td><h:selectManyCheckbox value="#{usuario.diasSem.horas}"
										style="font-weight:bold; color:#1F7B00">
										<f:selectItems value="#{usuario.diasSem.hora}" />
									</h:selectManyCheckbox></td>
								<td></td>

							</tr>
							</table>
							
							<table align="center">
							<tr>
								<td colspan="2"><a4j:commandButton value="Aceptar"	action="#{usuario.altaUsuario}" style="font-weight:bold"/></td>
								<td colspan="2"><a4j:commandButton value="Cancelar" action="salir" immediate = "true"  style="font-weight:bold"/></td>
							</tr>
							 </table>


					</rich:panel>
				</center>
			</h:body>
		</f:view>
	</h:form>

	

</ui:composition>